<template>
  <div data-v-112b390e="" class="login" style="height: 100vh;">
    <div data-v-112b390e="" id="particles-js" color="#dedede" particleopacity="0.7" linescolor="#dedede"
      particlesnumber="80" shapetype="circle" particlesize="4" lineswidth="1" linelinked="true" lineopacity="0.4"
      linesdistance="150" movespeed="3" hovereffect="true" hovermode="grab" clickeffect="true" clickmode="push"><canvas
        class="particles-js-canvas-el" width="1900" height="581" style="width: 100%; height: 100%;"></canvas></div>
    <div data-v-112b390e="" class="con">
      <div data-v-112b390e="" class="center2">
        <div data-v-112b390e="" class="img" style="overflow: hidden;"><img data-v-112b390e=""
            src="https://test91.91haoka.cn/1693987326MAL.jpg"
            style="max-width: 100% !important; max-height: 100% !important;"></div>
        <div data-v-112b390e="" class="alt">
          <div data-v-112b390e="" class="title">您好，请登录！</div>
          <div data-v-112b390e="" class="el-input"><!---->
            <input v-model="username" type="text" autocomplete="off" placeholder="请输入用户名"
              class="el-input__inner"><!----><!----><!----><!---->
          </div>
          <div data-v-112b390e="" class="el-input el-input--suffix"><!---->
            <input v-model="password" type="password" autocomplete="off" placeholder="请输入密码" class="el-input__inner"><!---->
            <span class="el-input__suffix">
              <span class="el-input__suffix-inner"><!----><!----><!----><!----></span><!----></span><!----><!---->
          </div>
          <button  @click="gotoLogin" data-v-112b390e="" type="button"
            class="el-button el-button--danger"><!----><!---->
            <span>登录</span>
          </button>
          <div data-v-112b390e="" class="flex" style="justify-content: space-between;">
            <div data-v-112b390e=""><label data-v-112b390e="" role="checkbox" class="el-checkbox"><span
                  aria-checked="mixed" class="el-checkbox__input"><span class="el-checkbox__inner"></span><input
                    type="checkbox" aria-hidden="true" class="el-checkbox__original" value=""></span><span
                  class="el-checkbox__label">记住密码<!----></span></label></div>
            <div data-v-112b390e=""
              style="color: rgb(25, 137, 250); cursor: pointer; font-size: 14px; top: 2px; position: relative;">忘记密码
            </div>
          </div>
          <div data-v-112b390e="" class="gologin">还未开店？<a data-v-112b390e="" href="#/register" class="">注册店铺</a></div>
          <div data-v-112b390e="" style="text-align: center; padding-top: 50px; color: rgb(38, 115, 249);"><span
              data-v-112b390e="">
              <div role="tooltip" id="el-popover-2394" aria-hidden="true" class="el-popover el-popper" tabindex="0"
                style="display: none;"><!---->
                <div data-v-112b390e="" style="text-align: center;">
                  <div data-v-112b390e="">微信扫码咨询敢探号客服</div>
                  <div data-v-112b390e=""><img data-v-112b390e="" src="https://test91.91haoka.cn/1694745046mPH.jpg"
                      style="width: 314px;"></div>
                  <div data-v-112b390e="">客服在线时间：工作日8:30-17:00</div>
                </div>
              </div>
              <div data-v-112b390e="" class="el-popover__reference" aria-describedby="el-popover-2394" tabindex="0">
                <div data-v-112b390e="" style="text-align: center; cursor: pointer;">
                  <div data-v-112b390e="" style="font-size: 14px;">联系客服</div>
                </div>
              </div>
            </span></div>
        </div>
      </div>
      <div data-v-112b390e="" style="text-align: center; margin-top: 40px;">
        <div data-v-112b390e="" style="width: 600px; margin: 0px auto; padding: 20px 0px;"><a data-v-112b390e=""
            target="_blank" href="https://beian.miit.gov.cn/"
            style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"><img
              data-v-112b390e="" src="https://gantanhao.vip/gth/static/img/beian.d0289dc.png" style="float: left;">
            <p data-v-112b390e=""
              style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: rgb(147, 147, 147);">
              鲁公网安备 37060202001244号、鲁ICP备14015539号-4</p>
          </a></div>
      </div>
    </div>
    <div data-v-112b390e="" class="el-dialog__wrapper" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="完善信息提示" class="el-dialog"
        style="margin-top: 15vh; width: 600px;">
        <div class="el-dialog__header"><span class="el-dialog__title">完善信息提示</span><button type="button"
            aria-label="Close" class="el-dialog__headerbtn"><i
              class="el-dialog__close el-icon el-icon-close"></i></button></div><!---->
        <div class="el-dialog__footer"><span data-v-112b390e="" class="dialog-footer"><button data-v-112b390e=""
              type="button" class="el-button el-button--primary"><!----><!----><span>取消</span></button> <button
              data-v-112b390e="" type="button"
              class="el-button el-button--primary"><!----><!----><span>确认保存</span></button></span></div>
      </div>
    </div>
    <div data-v-112b390e="" class="el-dialog__wrapper" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
        style="margin-top: 15vh; width: 930px;">
        <div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><!---->
      </div>
    </div>
    <div data-v-112b390e="" class="el-dialog__wrapper" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
        style="margin-top: 15vh; width: 600px;">
        <div class="el-dialog__header"><span class="el-dialog__title"></span><button type="button" aria-label="Close"
            class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div>
        <!----><!---->
      </div>
    </div>
    <div data-v-112b390e="" class="el-dialog__wrapper" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog"
        style="margin-top: 15vh; width: 800px;">
        <div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><!---->
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      username: 'admin', // 设置默认值
      password:'12441'
    };
  },
  methods: {
    gotoLogin(){
      this.$router.push('/home');
    }
  },
};
</script>

<style scoped>

</style>